<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="http://172.19.66.58/arcgis_js_api/library/3.14/dijit/themes/claro/claro.css" />
    <link rel="stylesheet" href="http://172.19.66.58/arcgis_js_api/library/3.14/esri/css/esri.css" />
    <script type="text/javascript">
        dojoConfig = {
            parseOnLoad: true,
            packages: [{
                name: 'tdlib',
                location: "http://172.19.66.58/arcgis_js_api/library/3.14/dojo/js/tdlib"
            }]
        };
    </script>
    <script src="http://172.19.66.58/arcgis_js_api/library/3.14/init.js"></script>
</head>
<body>
<div id="map" style="width: 900px; height: 800px;">

</div>
</body>
<script>





    var map;

    require([
        "esri/map",
        "tdlib/SDTDTLayer",
        "esri/geometry/Point", "esri/symbols/SimpleMarkerSymbol",
        "esri/Color", "esri/InfoTemplate", "esri/graphic",
        "esri/layers/FeatureLayer",
        "esri/renderers/SimpleRenderer",
        "esri/symbols/SimpleLineSymbol",
        "esri/Color",
        "dojo/domReady!"
    ], function (
        Map, SDTDTLayer,Point,SimpleMarkerSymbol, Color, InfoTemplate, Graphic,FeatureLayer,SimpleRenderer,SimpleLineSymbol,Color
    ) {

        map = new Map("map", {
            center: [121.425, 37.519],
            zoom: 2,
            logo:false
        });
        var basemap = new SDTDTLayer();
        map.addLayer(basemap);


        var pt = new Point(121.425,37.519,map.spatialReference)
        var sms = new SimpleMarkerSymbol().setStyle(SimpleMarkerSymbol.STYLE_SQUARE).setColor(new Color([255,0,0,0.5]));
        var attr = {"NAME":"公路宾馆","COMPANY":"智路"};
        var infoTemplate = new InfoTemplate("${NAME}","公司: ${COMPANY}");
        var glbg = new Graphic(pt, sms, attr, infoTemplate);
        map.graphics.add(glbg)


    });
</script>
</html>
